import React from 'react'
import styles from './css/Navbar.module.css'
import { Avatar, NavBar } from 'antd-mobile'
import { BellOutline } from 'antd-mobile-icons'

function MyNavbar(props) {
     const left = (
        <img style={{ borderRadius: '50%', width: '35px', height: '35px' }} src={localStorage.getItem('headPic') ? localStorage.getItem('headPic') : <UserCircleOutline />} />
    )
    const right = (
        <BellOutline style={{ fontSize: 24, color: '#999' }} />
    )
  return (
    <div>
      <NavBar className={styles.heade} backIcon={false} left={left} right={right}>{props.title}</NavBar>
    </div>
  )
}

export default MyNavbar
